.snackbar {
   position: absolute;
   bottom: 1rem;
   right: 1rem;
   background-color: #050505;
   border-radius: 1.5rem;
   color: var(--text-tertiary);
   font-size: 1.2rem;
   padding: 0.8rem 1rem;
   display: flex;
   align-items: center;
   gap: 0.5rem;
   z-index: 1000;

   @media (max-width: 370px) {
      width: 95%;
   }
   
   .count {
      font-size: 1.5rem;
      font-weight: 500;
      width: 20rem;
      margin-right: 1rem;
      padding-left: 1rem;
      display: flex;
      align-items: center;
      gap: 1rem;

      svg {
         font-size: 2rem;
      }
   }

   .btn {
      color: var(--text-tertiary);
      font-size: 1.4rem;
      cursor: pointer;
      padding: 1rem;
      border-radius: 1rem;
      display: flex;

      &:hover {
         background: var(--bg-content);
         color: var(--text-primary);
      }

      svg {
         font-size: 2rem;
         display: flex;
      }
   }

   .divider {
      width: 2px;
      height: 2.5rem;
      background-color: #2a2c30;
      opacity: 0.7;
      border: none;
      border-radius: 5rem;
      margin: 0 0.5rem;
   }
}
